<template>
<el-card body-style="display:flex; flex-direction:column;" shadow="hover" style="margin: 50px;">
				<template #header>我是学员</template>
					<img src="//img.58cdn.com.cn/dist/jxedt/pc/products/jxregister/images/xueyuan.png?v=20180725" alt="">
					<el-text>全真模拟试题 智能驾校筛选</el-text>
					<el-text>专家技巧点评 助力轻松通关</el-text>
				<template #footer><el-button type="success" @click="toForm2">去注册</el-button></template>
			</el-card>
			<el-card body-style="display:flex; flex-direction:column;" shadow="hover" style="margin: 50px;">
				<template #header>我是教练</template>
				<img src="//img.58cdn.com.cn/dist/jxedt/pc/products/jxregister/images/jiaolian.png?v=20180725" alt="">
					<el-text>免费询价线索 学员口碑积累</el-text>
					<el-text>新老客户维护 高效促单转化</el-text>
				<template #footer><el-button type="success" @click="toForm1">去注册</el-button></template>
			</el-card>
			<el-card body-style="display:flex; flex-direction:column;" shadow="hover" style="margin: 50px;">
				<template #header>我是管理员</template>
				<img src="//img.58cdn.com.cn/dist/jxedt/pc/products/jxregister/images/jiaxiao.png?v=20180725" alt="">
					<el-text>海量线索推送 助力招生无忧</el-text>
					<el-text>驾校品牌曝光 提升行业影响</el-text>
				<template #footer><el-button type="success" @click="toForm3">去注册</el-button></template>
			</el-card>
</template>
<script lang="js" setup>
import router from '@/router';
function toForm1(){
    router.push({path:'/login/registerForm',query:{mytype:'1'}})
}
function toForm2(){
    router.push({path:'/login/registerForm',query:{mytype:'2'}})
}
function toForm3(){
    router.push({path:'/login/registerForm',query:{mytype:'3'}})
}
</script>
<style scoped>
 .card{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
 }
 .card span{
	background-color: #d9779b;
 }
</style>